<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>视频监控</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/styles/components-css/tabs.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/styles/components-css/step.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/styles/components-css/form.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/videoSurveillance/videoSurveillance.css" />
    <!--引入bootstrap CSS文件-->
    <link rel="stylesheet" type="text/css" href="assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="assets/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css"/>
	<style>
		.mobile{
			position: absolute;
		    z-index: 999;
		    top: 4%;
		    right: 6%;
		    background: rgba(255,255,255,0.9);
		    padding: 7px 13px;
		    border-radius: 5px;
		} 
		
		.t-list-title{
			border-bottom: 2px solid #EE7600;	
		}
		.t-list-title > h2{
			color: #666666;
		    font-size: 18px;
		    float: none;
		    text-shadow: 0 1px 0 #ffffff;
		    padding-top: 3px;
		    padding-bottom: 3px;
		    position: relative;
		    margin: 0px 20px 0px 20px;
		    font-weight: bold;
		}
		.t-list{
			background: #EEEEEE;
		}
	</style>

</head>
<body style="background:#eeeeee;">
<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->
    <!--右侧内容 开始-->
    <div>
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>视频监控</h2>
                    <a href="videoBackups.html" style="float: right;padding: 10px;padding-right: 20px;cursor: pointer;">备份设置</a>
                    <a href="videotable.html" style="float: right;padding: 10px;padding-right: 20px;cursor: pointer;">配置</a>
                </div>
				
                <!--视频列表-->
                <div class="video-list mt-10 clearfix">
                    <div class="col-sm-6 col-md-4">
                        <a class="thumbnail" data-id="101">
                            <img src="assets/img/videoList/video_img_101.jpg" alt=""/>
                            <h2 class="fn-center">南门</h2>
                        </a>
                        <a href="videoEdit.html" class="mobile">配置管理</a>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <a class="thumbnail" data-id="201">
                            <img src="assets/img/videoList/video_img_201.jpg" alt=""/>
                            <h2 class="fn-center">转盘</h2>
                        </a>
                        <a href="videoEdit.html" class="mobile">配置管理</a>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <a class="thumbnail" data-id="301">
                            <img src="assets/img/videoList/video_img_301.jpg" alt=""/>
                            <h2 class="fn-center">车棚中</h2>
                        </a>
                        <a href="videoEdit.html" class="mobile">配置管理</a>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <a class="thumbnail" data-id="401">
                            <img src="assets/img/videoList/video_img_401.jpg" alt=""/>
                            <h2 class="fn-center">西北角监控点</h2>
                        </a>
                        <a href="videoEdit.html" class="mobile">配置管理</a>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <a class="thumbnail" data-id="501">
                            <img src="assets/img/videoList/video_img_501.jpg" alt=""/>
                            <h2 class="fn-center">南大门花坛</h2>
                        </a>
                        <a href="videoEdit.html" class="mobile">配置管理</a>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <a class="thumbnail" data-id="601">
                            <img src="assets/img/videoList/video_img_601.jpg" alt=""/>
                            <h2 class="fn-center">北道路车棚</h2>
                        </a>
                        <a href="videoEdit.html" class="mobile">配置管理</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<!--版权-->
<div id="copyright"> </div>


<!--视频监控-->
<div class="modal fade" id="modalVideoSurveillance" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" >
    <div class="modal-dialog" role="document" style="width: 950px; height: 730px">
        <div class="modal-content">
            <div class="modal-header" style="width: 950px">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body" style="width: 950px; height: 700px">
                <video width="900" height="600" controls autoplay="autoplay">
                    <source src="mp4/movie.mp4" type="video/mp4">
                    <object data="mp4/movie.mp4" width="750" height="560">
                    <embed src="mp4/movie.mp4" width="750" height="560">
                </object>
                </video>
            </div>
        </div>
    </div>
</div>


<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<!--日历控件样式-->
<script type="text/javascript" src="assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<script charset="utf-8" src="assets/lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
<script charset="utf-8" src="assets/lib/bootstrap-3.3.5-dist/js/bootstrap-progressbar.js"></script>
<script charset="utf-8" src="assets/common/centerModal.js"></script>
<script charset="utf-8" src="assets/common/loadHeaderAndCopyright.js"></script>
<script charset="utf-8" src="assets/common/ajaxPoster.js"></script>
<script charset="utf-8" src="assets/js/videoSurveillance.js"></script>
</body>
</html>